/* classic slising doors example css as	seen on	http://www.alistapart.com/articles/slidingdoors/*/
body {
	background:#fff;
	margin:0;
	padding:0;
	color:#000;
	font-size:14px;
}

.tabs {
	/*float:left;*/
	width:100%;
	line-height:normal;
}
.tabs ul.tabs-list {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
}
.tabs	ul.tabs-list li {
	float:left;
	background:url("left.gif") no-repeat left top;
	margin:0;
	padding:0 0	0 9px;
}
.tabs ul.tabs-list a {
	float:left;
	display:block;
	background:url("right.gif")	no-repeat right	top;
	padding:8px	23px 7px 14px;
	text-decoration:none;
	font-weight:bold;
	color:#765;
}

.tabs	ul.tabs-list a:hover {
	color:#333;
}
.tabs	ul.tabs-list .current {
	background-image:url("left_on.gif");
	border-width:0;
}
.tabs ul.tabs-list .current a {
	background-image:url("right_on.gif");
	color:#333;
	padding-bottom:7px;
}

.tabs .current-info, .tabs .accessibletabsanchor, .tabs .tabhead {
	position:absolute;
	left:-999em;
}
.tabs .content{
	clear:both;
	margin:3em 1em 1em 1em;
}

.tabs .tabbody{
    position:relative;
}

.tabs .pagination{
    list-style:none;
    padding:0;
    zoom:1;
    position:absolute;
    z-index:1;
    bottom:-30px;
    *bottom:0;
    right:-10px;
    *right:0;
}
.tabs .pagination:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.tabs .pagination li{
    float:left;
    margin-left:10px;
}
.tabs .pagination a{
    display:block;
    width:8px;
    height:15px;
    background-image:url(slidingdoors/pagination.png);
    background-repeat:no-repeat;
    background-position:left;
}
.tabs .pagination a:hover,
.tabs .pagination a:focus{
    filter:alpha(opacity=70);
    opacity: 0.70;
    -moz-opacity:0.70;
    -khtml-opacity:0.70;
}
.tabs .pagination .next a{
    background-position:right;
}
.tabs .pagination a span{
    overflow:hidden; 
    position:absolute; 
    text-indent:-999em;
}
